// 表格的加载以及业务逻辑

import { onMounted, reactive } from "vue";
import { ListParm } from "@/api/dept/DeptModel";
import { getDeptListApi } from "@/api/dept/dept";
export default function useDeptTable() {
  // 注意这里使用搜索表格的数据的时候，直接定义的是一个对象的格式
  const searchForm = reactive<ListParm>({
    searchName: ''
  })
// 定义数据表格的时候，也是定义了一个对象的格式，使用reactive来定义，方便后面的操作
  const tableData = reactive({
    list: []
  })

  const getDeptList = async () => {
    const res = await getDeptListApi(searchForm)
    if (res && res.code === 200) {
      tableData.list = res.data
    }
  }
  onMounted(() => {
    getDeptList()
  })

  return {
    searchForm,
    tableData,
    getDeptList
  }
}